<template>
  <div id="app">
    <nav>
      <router-link to="/">登陆</router-link>
      <router-link to="/home">Home</router-link>
      |
      <router-link to="/about">About</router-link>
      |
      <router-link to="/login?username=张三&password=123456">登陆页</router-link>
      |
      <router-link to="/register/李四/123">注册页</router-link>
      |
      <router-link to="/table">表格</router-link>
    </nav>
    <nav>
      <el-row type="flex" justify="left" :gutter="5">
        <el-col :span="4">
          <router-link to="/layout">Layout 布局</router-link>
        </el-col>
        <el-col :span="4">
          <router-link to="/button">Button 按钮</router-link>
        </el-col>
      </el-row>
    </nav>
    <hr>
    <nav>
      <router-link to="/axios1">Axios简单使用</router-link>
      |
      <router-link to="/axios2">Axios初步封装</router-link>
      |
      <router-link to="/axios3">Axios半封装</router-link>
      <router-link to="/axios4">Axios最终封装</router-link>
    </nav>
    <hr>
    <nav>
      <el-row justify="left" type="flex">
        <el-col :span="6">
          <router-link to="/emp">emp的CRUD</router-link>
        </el-col>
      </el-row>
    </nav>
    <router-view/>
  </div>
</template>

<style lang="stylus">
#app
  font-family Avenir, Helvetica, Arial, sans-serif
  -webkit-font-smoothing antialiased
  -moz-osx-font-smoothing grayscale
  text-align center
  color #2c3e50
  margin-top 60px
</style>
